<template>
  <div class="copyright-box" :class="{ 'copyright-box-loop': route.meta.loopType }">
    <div class="title">
      <titles title="留言板" />
    </div>
    <comment :showpieceId="0" :projectId="projectId" />
    <commentList :showpieceId="0" :projectId="projectId" />
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'messageBoard',
});
</script>
<script setup lang="ts">
// @ts-nocheck
import commentList from './components/commentList.vue';
import comment from './components/comment.vue';
import { ref, computed, reactive } from 'vue';
import titles from '@/components/title/title.vue';
import heardTitle from './heardTitle.vue';
import { useProjectStore } from '@/store';
import { useRoute } from 'vue-router';
const route = useRoute();
const projectId = Number(localStorage.getItem('projectId'));

const store = useProjectStore();
</script>

<style lang="less" scoped>
.title {
  display: flex;
  justify-content: center;
  align-items: center;
  // margin-top: 50px;
}
.copyright-box {
  padding: 80px 0px;
  width: 1180px;
  margin: 0 auto;
  min-height: calc(@screen-hw-div-parent - 138px);
}
.copyright-box-loop {
  min-height: calc(@screen-hw-div-parent-btn-loop - 138px);
}
.heard-textarea {
  margin-top: 50px;
}
.t-row {
  margin: 0;
}
</style>
